let arr = [];

$("#card li").on("click", function (e) {
  // TODO: 待补充代码
  if (arr.length < 7) {
    $(this).hide()
    arr.push($(this).attr("data-id"))
    $("#box").append($(this).clone(false, true))
    // 判断是否有可以消除的, 
    let c1 = 0, c2 = 0, c3 = 0, c4 = 0;
    $("#box li").each(function () {
      if ($(this).attr("data-id") == 1) {
        c1++;
        if (c1 == 3) {
          arr.splice(0, 3);
          c1 = 0;
          $("#box li").each(function () {
            if ($(this).attr("data-id") == 1) {
              $(this).remove()
            }
          })
        }
      } else if ($(this).attr("data-id") == 2) {
        c2++;

        if (c2 == 3) {
          c2 = 0;
          arr.splice(0, 3);
          $("#box li").each(function () {
            if ($(this).attr("data-id") == 2) {
              $(this).remove()
            }
          })
        }
      } else if ($(this).attr("data-id") == 3) {
        c3++;

        if (c3 == 3) {
          arr.splice(0, 3);
          c3 = 0;
          $("#box li").each(function () {
            if ($(this).attr("data-id") == 3) {
              $(this).remove()
            }
          })
        }
      } else if ($(this).attr("data-id") == 4) {
        c4++;

        if (c4 == 3) {
          arr.splice(0, 3);
          c4 = 0;
          $("#box li").each(function () {
            if ($(this).attr("data-id") == 4) {
              $(this).remove()
            }
          })
        }
      }
    })
  }